<template>
  <div class="login">
    <ul>
      <li><input type="text" placeholder="用户名" v-model="username" /></li>
      <li><input type="text" placeholder="密码" v-model="password" /></li>
      <li><button @click="login">登录</button></li>
    </ul>
  </div>
</template>

<script setup lang="ts" name="Login">
import { ref } from "vue";
import { useRouter } from "vue-router";

//let show = ref(false);
let username = ref();
let password = ref();
let router = useRouter();

function login() {
  router.push("/arrange");
}
</script>

<style scoped>
.login {
  display: flex;
  justify-content: center;
  align-items: center;
}
input ::placeholder {
  color: grey;
}
li {
  list-style-type: none;
  margin-top: 20px;
}
ul {
  border: 2px solid black;
  border-radius: 10px;
  width: 400px;
  box-shadow: 0 0 10px;
}
</style>
